<!DOCTYPE html>
<html lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<title></title>
	<!-- <meta name="viewport" content="target-densitydpi=device-dpi,width=750,user-scalable=no" /> -->
	<meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no" />
	<link rel="stylesheet" type="text/css" href="css/base.css" />
	<script type="text/javascript" src="libs/jquery-1.10.1.min.js"></script>
</head>
<body>
	<div class="main details">
		<!-- <div class="main-title">
			国庆档电影大数据
		</div> -->
		<!-- 内容部分  -->
		<div class="container">
			<!-- 内容 左边 -->
			<span class="conleft">
				<!-- 票房 -->
				<div class="con-box">
					<!-- title -->
					<div class="cb-title cb-title-d">
						<div class="op-box"></div>
						<div class="cb-ctitle" id="div_name">

						</div>
					</div>
					<div class="cb-container cb-details">
						<div class="op-box"></div>
						<div class="cb-cshow">
							<div class="show-dimg">
								<img id="div_photo" src="./images/frjyd.jpg" >
							</div>
							<div class="details-info">
								<div class="details-type">
									<span class="dt-btn active" data-type="lp">剧情介绍</span>
									<span class="dt-btn" data-type="ep">演职人员</span>
									<span class="dt-btn" data-type="cp">参与公司</span>
								</div>
								<div class="show-info">
									<div class="show-info-list info-lp">
										<div class="info-list">
											<span class="info-title">类型： </span>
											<span class="info-text" id="div_type">剧情 / 喜剧</span>
										</div>
										<div class="info-list">
											<span class="info-title">地区： </span>
											<span class="info-text" id="div_city">香港 / 中国大陆</span>
										</div>

										<div class="info-list">
											<span class="info-title">上映日期： </span>
											<span class="info-text" id="div_showday"></span>
										</div>
										<div class="info-list">
											<span class="info-title">简介： </span>
											<span class="info-text info-text-ind"
												  id="div_info">乔立向希汶求婚了！kimmy
												兴奋地准备带希汶去越南开启疯狂单身之旅，谁知希汶却安排kimmy的“死对头”嘉岚以及乔立的表妹晶晶同行。当晚，在越南拍戏的小美为大家准备了盛大的别墅party，kimmy和嘉岚却因为赌气斗酒，令场面失控。一夜酩酊大醉后，众人醒来发现</span>
										</div>
									</div>
									<div class="show-info-list info-ep" style="display: none;"
										 id="div_yanyuan">

										</div>

									<div class="show-info-list info-cp" id="div_company">
										<div class="info-list">
											<span class="info-title">制作： </span>
											<span class="info-text">
												<p>北京登峰国际文化传播有限公司北京登峰国际文化传播有限公司</p>
												<p>嘲风影业（北京）有限责任公司</p>
											</span>
										</div>
										<div class="info-list">
											<span class="info-title">出品： </span>
											<span class="info-text">
												<p>北京登峰国际文化传播有限公司</p>
												<p>嘲风影业（北京）有限责任公司</p>
												<p>霍尔果斯橙子映像传媒有限公司</p>
												<p>北京登峰国际文化传播有限公司</p>
												<p>嘲风影业（北京）有限责任公司</p>
												<p>霍尔果斯橙子映像传媒有限公司</p>
											</span>
										</div>
										<div class="info-list">
											<span class="info-title">联合出品： </span>
											<span class="info-text">
												<p>北京登峰国际文化传播有限公司</p>
												<p>嘲风影业（北京）有限责任公司</p>
												<p>霍尔果斯橙子映像传媒有限公司</p>
												<p>北京登峰国际文化传播有限公司</p>
												<p>嘲风影业（北京）有限责任公司</p>
												<p>霍尔果斯橙子映像传媒有限公司</p>
											</span>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
				<!-- 微博热议话题 -->
				<div class="con-box">
					<!-- title -->
					<div class="cb-title">
						<div class="op-box"></div>
						<div class="cb-ctitle">
							<div class="title-icon"></div>
							<span class="cb-title-t">微博热议话题</span>
							<!-- <div class="title-qicon"></div> -->
						</div>
					</div>
					<div class="cb-container cb-web-hot" style="height: 2.6rem;">
						<div class="op-box"></div>
						<div class="cb-cshow">
							<div class="list-form">
								<span class="lf-title">
									<i class="title-list title-list-name width46">名称</i>
									<i class="title-list width24">阅读量</i>
									<i class="title-list width24">讨论数</i>
									<!-- <i class="title-list width16">转发量</i>
									<i class="title-list width16">点赞数</i> -->
								</span>
								<ul class="lf-works" id="div_huati">

								</ul>
							</div>
						</div>
					</div>
				</div>
				<!-- 单条最热微博 -->
				<div class="con-box">
					<!-- title -->
					<div class="cb-title">
						<div class="op-box"></div>
						<div class="cb-ctitle">
							<div class="title-icon"></div>
							<span class="cb-title-t">单条最热微博</span>
							<!-- <div class="title-qicon"></div> -->
						</div>
					</div>
					<div class="cb-container cb-web-single">
						<div class="op-box"></div>
						<div class="cb-cshow">
							<div class="list-form">
								<span class="lf-title">
									<i class="title-list title-list-name width46">标题</i>
									<i class="title-list width16">转发量</i>
									<i class="title-list width16">评论数</i>
									<i class="title-list width16">点赞数</i>
								</span>
								<ul class="lf-works" id="div_keyweibo">
									<li class="works-list">
										<span class="wl-type wl-type-name width46">
											<i class="type-sortum">1 </i>
											<i class="type-info">
												利剑出鞘版预告片
											</i>
										</span>
										<span class="wl-type width16">166万</span>
										<span class="wl-type width16">1234</span>
										<span class="wl-type width16">1234</span>
									</li>
									<li class="works-list">
										<span class="wl-type wl-type-name width46">
											<i class="type-sortum">2 </i>
											<i class="type-info">
												利剑出鞘版预告片
											</i>
										</span>
										<span class="wl-type width16">166万</span>
										<span class="wl-type width16">1234</span>
										<span class="wl-type width16">1234</span>
									</li>
									<li class="works-list">
										<span class="wl-type wl-type-name width46">
											<i class="type-sortum">3 </i>
											<i class="type-info">
												利剑出鞘版预告片
											</i>
										</span>
										<span class="wl-type width16">166万</span>
										<span class="wl-type width16">1234</span>
										<span class="wl-type width16">1234</span>
									</li>
									<li class="works-list">
										<span class="wl-type wl-type-name width46">
											<i class="type-sortum">4 </i>
											<i class="type-info">
												利剑出鞘版预告片
											</i>
										</span>
										<span class="wl-type width16">166万</span>
										<span class="wl-type width16">1234</span>
										<span class="wl-type width16">1234</span>
									</li>
									<li class="works-list">
										<span class="wl-type wl-type-name width46">
											<i class="type-sortum">5 </i>
											<i class="type-info">
												利剑出鞘版预告片
											</i>
										</span>
										<span class="wl-type width16">166万</span>
										<span class="wl-type width16">1234</span>
										<span class="wl-type width16">1234</span>
									</li>
								</ul>
							</div>
						</div>
					</div>
				</div>
				<!-- 相关微博转发 -->
				<div class="con-box">
					<!-- title -->
					<div class="cb-title">
						<div class="op-box"></div>
						<div class="cb-ctitle">
							<div class="title-icon"></div>
							<span class="cb-title-t">相关微博转发</span>
							<!-- <div class="title-qicon"></div> -->
						</div>
					</div>
					<div class="cb-container cb-wb" style="height: 4.05rem;">
						<div class="op-box"></div>
						<div class="cb-cshow cb-forward">
							<div class="list-form">
								<span class="lf-title">
									<i class="title-list title-list-name width68">博主</i>
									<i class="title-list width30">转发量</i>
								</span>
								<ul class="lf-works" id="bozhu_zhuan">

								</ul>
							</div>
						</div>
					</div>
				</div>
			</span>
			<!-- 内容右边 -->
			<span class="conright">
				<!-- let and right -->
				<div class="show-details">
					<span class="sdleft sdleft2">
						<!-- 今日票房 累计票房 -->
						<div class="office-box">
							<div class="today-office">
								<div class="con-box">
									<div class="cb-title">
										<div class="op-box"></div>
										<div class="cb-ctitle">
											<div class="title-icon"></div>
											<span class="cb-title-t">今日票房</span>
											<!-- <div class="title-qicon"></div> -->
										</div>
									</div>
									<div class="cb-container cb-office">
										<div class="op-box"></div>
										<div class="cb-cshow" id="div_jrpf">
											848752.5
										</div>
									</div>
								</div>
							</div>
							<div class="sum-office">
								<div class="con-box">
									<div class="cb-title">
										<div class="op-box"></div>
										<div class="cb-ctitle">
											<div class="title-icon"></div>
											<span class="cb-title-t">累计票房</span>
											<!-- <div class="title-qicon"></div> -->
										</div>
									</div>
									<div class="cb-container cb-office">
										<div class="op-box"></div>
										<div class="cb-cshow" id="div_ljpf">
											9848752.5
										</div>
									</div>
								</div>
							</div>
						</div> 
						<!-- 票房走势 -->
						<div class="con-box">
							<!-- title -->
							<div class="cb-title">
								<div class="op-box"></div>
								<div class="cb-ctitle">
									<div class="title-icon"></div>
									<span class="cb-title-t">票房走势</span>
									<!-- <div class="title-qicon"></div> -->
								</div>
							</div>
							<div class="cb-container cb-trend">
								<div class="op-box"></div>
								<div class="cb-cshow">
									<div id="chart5" class="chart-box"></div>
								</div>
							</div>
						</div>
					</span>
					<span class="sdright sdright2">
						<!-- 排片占比及上座率变化趋势 -->
						<div class="con-box">
							<div class="cb-title">
								<div class="op-box"></div>
								<div class="cb-ctitle">
									<div class="title-icon"></div>
									<span class="cb-title-t">排片占比及上座率变化趋势</span>
									<!-- <div class="title-qicon"></div> -->
								</div>
							</div>
							<div class="cb-container cb-list-trend">
								<div class="op-box"></div>
								<div class="cb-cshow">
									<div class="cb-cshow">
										<div class="list-form list-form-trend">
											<span class="lf-title">
												<i class="title-list title-list-name width46">日期</i>
												<i class="title-list width16">排片占比</i>
												<!--<i class="title-list width16">上座率</i>-->
												<i class="title-list width16">场均人次</i>
											</span>
											<ul class="lf-works" id="div_paipianzhanbi">
												<li class="works-list">
													<span class="wl-type wl-type-name width46">
														<div class="trend-date">
															<div class="date-list date-ymd">2017.09.30</div>
															<div class="date-list">
																<span class="date-week">周六</span>
																<span class="date-node">上映首日</span>
															</div>
														</div>
													</span>
													<span class="wl-type width16">47%</span>
													<span class="wl-type width16">50%</span>
													<span class="wl-type width16">20</span>
												</li>
												<li class="works-list">
													<span class="wl-type wl-type-name width46">
														<div class="trend-date">
															<div class="date-list date-ymd">2017.10.01</div>
															<div class="date-list">
																<span class="date-week">周日</span>
																<span class="date-node">上映2天</span>
															</div>
														</div>
													</span>
													<span class="wl-type width16">47%</span>
													<span class="wl-type width16">50%</span>
													<span class="wl-type width16">20</span>
												</li>
												<li class="works-list">
													<span class="wl-type wl-type-name width46">
														<div class="trend-date">
															<div class="date-list date-ymd">2017.10.02</div>
															<div class="date-list">
																<span class="date-week">周一</span>
																<span class="date-node">上映3天</span>
															</div>
														</div>
													</span>
													<span class="wl-type width16">47%</span>
													<span class="wl-type width16">50%</span>
													<span class="wl-type width16">20</span>
												</li>
												<li class="works-list">
													<span class="wl-type wl-type-name width46">
														<div class="trend-date">
															<div class="date-list date-ymd">2017.10.03</div>
															<div class="date-list">
																<span class="date-week">周二</span>
																<span class="date-node">上映4天</span>
															</div>
														</div>
													</span>
													<span class="wl-type width16">47%</span>
													<span class="wl-type width16">50%</span>
													<span class="wl-type width16">20</span>
												</li>
												<li class="works-list">
													<span class="wl-type wl-type-name width46">
														<div class="trend-date">
															<div class="date-list date-ymd">2017.10.04</div>
															<div class="date-list">
																<span class="date-week">周三</span>
																<span class="date-node">上映5天</span>
															</div>
														</div>
													</span>
													<span class="wl-type width16">47%</span>
													<span class="wl-type width16">50%</span>
													<span class="wl-type width16">20</span>
												</li>
												<li class="works-list">
													<span class="wl-type wl-type-name width46">
														<div class="trend-date">
															<div class="date-list date-ymd">2017.10.05</div>
															<div class="date-list">
																<span class="date-week">周四</span>
																<span class="date-node">上映6天</span>
															</div>
														</div>
													</span>
													<span class="wl-type width16">47%</span>
													<span class="wl-type width16">50%</span>
													<span class="wl-type width16">20</span>
												</li>
												<li class="works-list">
													<span class="wl-type wl-type-name width46">
														<div class="trend-date">
															<div class="date-list date-ymd">2017.10.06</div>
															<div class="date-list">
																<span class="date-week">周五</span>
																<span class="date-node">上映7天</span>
															</div>
														</div>
													</span>
													<span class="wl-type width16">47%</span>
													<span class="wl-type width16">50%</span>
													<span class="wl-type width16">20</span>
												</li>
												<li class="works-list">
													<span class="wl-type wl-type-name width46">
														<div class="trend-date">
															<div class="date-list date-ymd">2017.10.07</div>
															<div class="date-list">
																<span class="date-week">周六</span>
																<span class="date-node">上映8天</span>
															</div>
														</div>
													</span>
													<span class="wl-type width16">47%</span>
													<span class="wl-type width16">50%</span>
													<span class="wl-type width16">20</span>
												</li>
												<li class="works-list">
													<span class="wl-type wl-type-name width46">
														<div class="trend-date">
															<div class="date-list date-ymd">2017.10.08</div>
															<div class="date-list">
																<span class="date-week">周日</span>
																<span class="date-node">上映9天</span>
															</div>
														</div>
													</span>
													<span class="wl-type width16">47%</span>
													<span class="wl-type width16">50%</span>
													<span class="wl-type width16">20</span>
												</li>
											</ul>
										</div>
									</div>
								</div>
							</div>
						</div>
					</span>
				</div>
				<div class="show-details">
					<span class="sdleft">
						<!-- 想看日增平均指数 -->
						<div class="con-box">
							<!-- title -->
							<div class="cb-title">
								<div class="op-box"></div>
								<div class="cb-ctitle">
									<div class="title-icon"></div>
									<span class="cb-title-t">想看日增平均指数</span>
									<!-- <div class="title-qicon"></div> -->
								</div>
							</div>
							<div class="cb-container cb-chart4">
								<div class="op-box"></div>
								<div class="cb-cshow">
									<div id="chart1" class="chart-box"></div>
								</div>
							</div>
						</div>
						<!-- 百度指数 -->
						<div class="con-box">
							<!-- title -->
							<div class="cb-title">
								<div class="op-box"></div>
								<div class="cb-ctitle">
									<div class="title-icon"></div>
									<span class="cb-title-t">百度指数</span>
									<!-- <div class="title-qicon"></div> -->
								</div>
							</div>
							<div class="cb-container cb-index2">
								<div class="op-box"></div>
								<div class="cb-cshow">
									<div id="chart2" class="chart-box"></div>
								</div>
							</div>
						</div>
					</span>
					<span class="sdright">
						<!-- 微博指数 -->
						<div class="con-box">
							<!-- title -->
							<div class="cb-title">
								<div class="op-box"></div>
								<div class="cb-ctitle">
									<div class="title-icon"></div>
									<span class="cb-title-t">微博指数</span>
									<!-- <div class="title-qicon"></div> -->
								</div>
							</div>
							<div class="cb-container cb-chart4">
								<div class="op-box"></div>
								<div class="cb-cshow">
									<div id="chart3" class="chart-box"></div>
								</div>
							</div>
						</div>
						<!-- 微信指数 -->
						<div class="con-box">
							<!-- title -->
							<div class="cb-title">
								<div class="op-box"></div>
								<div class="cb-ctitle">
									<div class="title-icon"></div>
									<span class="cb-title-t">微信指数</span>
									<!-- <div class="title-qicon"></div> -->
								</div>
							</div>
							<div class="cb-container cb-index2">
								<div class="op-box"></div>
								<div class="cb-cshow">
									<div id="chart4" class="chart-box"></div>
								</div>
							</div>
						</div>
					</span>
				</div>
				<div class="show-details">
					<span class="sdleft sdleft2">
						<!-- 宣传片每日播放量 -->
						<div class="con-box">
							<!-- title -->
							<div class="cb-title">
								<div class="op-box"></div>
								<div class="cb-ctitle">
									<div class="title-icon"></div>
									<span class="cb-title-t">宣传片每日播放量</span>
									<!-- <div class="title-qicon"></div> -->
								</div>
							</div>
							<div class="cb-container cb-chart2">
								<div class="op-box"></div>
								<div class="cb-cshow">
									<div id="chart6" class="chart-box"></div>
								</div>
							</div>
						</div>
					</span>
					<span class="sdright sdright2">
						<!-- 宣传片播放总量占比 -->
						<div class="con-box">
							<div class="cb-title">
								<div class="op-box"></div>
								<div class="cb-ctitle">
									<div class="title-icon"></div>
									<span class="cb-title-t">宣传片播放总量占比</span>
									<!-- <div class="title-qicon"></div> -->
								</div>
							</div>
							<div class="cb-container cb-chart2">
								<div class="op-box"></div>
								<div class="cb-cshow">
									<div id="chart7" class="chart-box"></div>
								</div>
							</div>
						</div>
					</span>
				</div>
				<div class="show-details">
					<span class="sdleft">
						<!-- 观众性别占比 -->
						<div class="con-box">
							<!-- title -->
							<div class="cb-title">
								<div class="op-box"></div>
								<div class="cb-ctitle">
									<div class="title-icon"></div>
									<span class="cb-title-t">观众性别占比</span>
									<!-- <div class="title-qicon"></div> -->
								</div>
							</div>
							<div class="cb-container cb-chart3">
								<div class="op-box"></div>
								<div class="cb-cshow">
									<div class="sixs-chart" id="sixs-chart">
										<!-- <div class="show-sixs">
											<span class="show-man">50%</span>
											<span class="show-women">50%</span>
											<div class="show-tag tag-man"></div>
											<div class="show-tag tag-women"></div>
										</div>
										<div class="sixs-bar">
											<div class="sixb-man"></div>
											<div class="sixb-women"></div>
										</div> -->
									</div>
								</div>
							</div>
						</div>
						<!-- 职业占比 -->
						<div class="con-box">
							<div class="cb-title">
								<div class="op-box"></div>
								<div class="cb-ctitle">
									<div class="title-icon"></div>
									<span class="cb-title-t">职业占比</span>
									<!-- <div class="title-qicon"></div> -->
								</div>
							</div>
							<div class="cb-container cb-chart3">
								<div class="op-box"></div>
								<div class="cb-cshow">
									<div id="chart8" class="chart-box"></div>
								</div>
							</div>
						</div>
					</span>
					<span class="sdright">
						<!-- 教育程度 -->
						<div class="con-box">
							<!-- title -->
							<div class="cb-title">
								<div class="op-box"></div>
								<div class="cb-ctitle">
									<div class="title-icon"></div>
									<span class="cb-title-t">教育程度</span>
									<!-- <div class="title-qicon"></div> -->
								</div>
							</div>
							<div class="cb-container cb-chart3">
								<div class="op-box"></div>
								<div class="cb-cshow">
									<div class="chart-layer">
										<div id="chart9" class="chart-box"></div>
									</div>
								</div>
							</div>
						</div>
						<!-- 观众年龄占比 -->
						<div class="con-box">
							<!-- title -->
							<div class="cb-title">
								<div class="op-box"></div>
								<div class="cb-ctitle">
									<div class="title-icon"></div>
									<span class="cb-title-t">观众年龄占比</span>
									<!-- <div class="title-qicon"></div> -->
								</div>
							</div>
							<div class="cb-container cb-chart3">
								<div class="op-box"></div>
								<div class="cb-cshow">
									<div id="chart10" class="chart-box"></div>
								</div>
							</div>
						</div>
					</span>
				</div>
			</span>
		</div>
		<!-- 数据来源 提示框 -->
		<div class="qicon-fix">数据来源 提示框</div>
	</div>
	<!-- 背景图 -->
	<div class="main-bg"></div>
	<script type="text/javascript" src="libs/echarts.common.min.js"></script>
	<script type="text/javascript" src="js/details.js"></script>
	<script>
        $.getUrlParam = function (name) {
            var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)");
            var r = window.location.search.substr(1).match(reg);
            if (r != null) return unescape(r[2]); return null;
        }
		var data_Movieid=$.getUrlParam('movieid');
        var data_Baseid=$.getUrlParam('baseid');
        getmovieinfo();
        function  getmovieinfo() {
            $.ajax({
                type: 'get',
                url: 'api/details/getmovieinfo?movieid='+data_Movieid,
                dataType: 'json',
                success: function(data){
                   if(data){

                       $('#div_name').html(data.result.name);
                       $('#div_photo').attr('src',data.result.phonto);
                       $('#div_type').html(data.result.category);
                       $('#div_info').html(data.result.info);
                       $('#div_showday').html(data.result.showday);
				   }
                }
            });
        }
        getmovieYanyuan();
        function  getmovieYanyuan() {
            $.ajax({
                type: 'get',
                url: 'api/details/getmovieyanyuan?movieid='+data_Movieid,
                dataType: 'json',
                success: function(data){
                    if(data){

                       var list=data.result;


						var _titlename='';
						var _tname='';
						var _str='';
                        var _html='';
                       $.each(list,function (index,item) {

                           if (index >0&&_tname!=item.titlename){
							  var  _html1 ='<div class="info-list">'+
                               '<span class="info-title">'+_tname+'： </span>'+
                               '<span class="info-text">'+
                               _str+
                               ' </span>'+
                               ' </div>'
								_html+=_html1;
                               _str='';
						   }
						   _tname=item.titlename;

                           _str+=item.userName+'/';
                       });
                        var  _html1 ='<div class="info-list">'+
                            '<span class="info-title">'+_tname+'： </span>'+
                            '<span class="info-text">'+
                            _str+
                            ' </span>'+
                            ' </div>'
                        _html+=_html1;
                        $('#div_yanyuan').html(_html);

                    }
                }
            });
        }
        getmovieCompany();
        function  getmovieCompany() {
            $.ajax({
                type: 'get',
                url: 'api/details/getmoviecompany?movieid='+data_Movieid,
                dataType: 'json',
                success: function(data){
                    if(data){
                        var list=data.result;
                        var _tname='';
                        var _str='';
                        var _html='';
                        $.each(list,function (index,item) {

                            if (index >0&&_tname!=item.titlename){
                                var  _html1 ='	<div class="info-list">'+
                                ' <span class="info-title">'+_tname+'： </span>'+
                                '<span class="info-text">'+
                                _str+
                                '</span>'+
                                '</div>';
                                _html+=_html1;
                                _str='';
                            }
                            _tname=item.titlename;

                            _str+='<p>'+item.companyname+'</p>';
                        });

                        var  _html1 ='	<div class="info-list">'+
                            ' <span class="info-title">'+_tname+'： </span>'+
                            '<span class="info-text">'+
                            _str+
                            '</span>'+
                            '</div>';

                        _html+=_html1;
                        $('#div_company').html(_html);

                    }
                }
            });
        }


        getBozhuTop5();
        function  getBozhuTop5() {
            $.ajax({
                type: 'get',
                url: 'api/details/getbozhutop5?id=' + data_Baseid,
                dataType: 'json',
                success: function (data) {
                    var videoList = data.result;
                    if (videoList && videoList.length > 0) {
                        var _html = '';
                        $.each(videoList, function (index, item) {
                            _html += '<li class="works-list">' +
                                '<span class="wl-type wl-type-name width68">' +
                                '   <i>' + (index + 1) + ' </i><i class="type-">' + item.bozhu + '</i>' +
                                '   </span>' +
                                '   <span class="wl-type width30">' +
                                item.share +
                                '   </span>' +
                                '   </li>';
                        });
                        $('#bozhu_zhuan').html(_html);
                    }
                }
            });
        }


        //getKeyHuatiTop3 话题
        getKeyHuatiTop3();
        function  getKeyHuatiTop3() {
            $.ajax({
                type: 'get',
                url: 'api/details/getKeyHuatiTop3?id=' + data_Baseid,
                dataType: 'json',
                success: function (data) {
                    var videoList = data.result;
                    if (videoList && videoList.length > 0) {
                        var _html = '';
                        $.each(videoList, function (index, item) {
							_html+='<li class="works-list">'+
                            '<span class="wl-type wl-type-name width46">'+
                            '   <i>'+(index+1)+'. </i><i class="type-">'+item.name+'</i>'+
                            '   </span>'+
                            '   <span class="wl-type width24">'+item.readNumStr+'</span>'+
                            '   <span class="wl-type width24">'+item.discussNumStr+'</span>'+
                            '   </li>';
                        });
                        $('#div_huati').html(_html);
                    }
                }
            });
        }


		//getKeyWeiboTop5 微博
        getKeyWeiboTop5();
        function  getKeyWeiboTop5() {
            $.ajax({
                type: 'get',
                url: 'api/details/getKeyWeiboTop5?id=' + data_Baseid,
                dataType: 'json',
                success: function (data) {
                    var videoList = data.result;
                    if (videoList && videoList.length > 0) {
                        var _html = '';
                        $.each(videoList, function (index, item) {
                            _html+='<li class="works-list">'+
                            '<span class="wl-type wl-type-name width46">'+
                            '<i class="type-sortum">'+(index+1)+' </i>'+
                            '<i class="type-info">'+
                            item.name+
                            ' </i>'+
                            '  </span>'+
                                '    <span class="wl-type width16">'+item.shareNum+'</span>'+
                                '<span class="wl-type width16">'+item.commentNum+'</span>'+
                                '   <span class="wl-type width16">'+item.zanNum+'</span>'+
                            '   </li>';
                        });
                        $('#div_keyweibo').html(_html);
                    }
                }
            });
        }

		//getKeyFilm

        getKeyFilm();
        function  getKeyFilm() {
            $.ajax({
                type: 'get',
                url: 'api/details/getKeyFilm?id=' + data_Baseid,
                dataType: 'json',
                success: function (data) {
                    var videoList = data.result;
                    if (videoList && videoList.length > 0) {
                        var _html = '';
                        $.each(videoList, function (index, item) {

                            var splitAyr=item.curDateStr.split(' ')
							_html+='	<li class="works-list">'+
                            '<span class="wl-type wl-type-name width46">'+
                            ' <div class="trend-date">'+
                            ' <div class="date-list date-ymd">'+item.curDate+'</div>'+
                            '<div class="date-list">'+
                            ' <span class="date-week">'+splitAyr[0]+'</span>'+
                            '  <span class="date-node">'+splitAyr[1]+'</span>'+
                            '  </div>'+
                            '  </div>'+
                            '  </span>'+
                            ' <span class="wl-type width16">'+(item.sliceRatio*100).toFixed(2)+'%</span>'+
//                            '   <span class="wl-type width16">0%</span>'+
                            '   <span class="wl-type width16">'+item.personNum+'</span>'+
                            '   </li>';
                        });
                        $('#div_paipianzhanbi').html(_html);
                    }
                }
            });
        }
        /**
         * 观众性别占比  传入的参数 mr : 男性的比例  wr 女性的比例
         */
        function sixsChartP(mr,wr){

            if(!wr || !mr) return false;

            var html = '<div class="show-sixs"><span class="show-man">'+mr+'</span><span class="show-women">'+wr+'</span>';

            html += '<div class="show-tag tag-man"></div><div class="show-tag tag-women"></div></div>';

            html += '<div class="sixs-bar"><div class="sixb-man" style="width:'+mr+'"></div><div class="sixb-women" style="width:'+wr+'"></div></div>';

            $("#sixs-chart").append(html);
        }

        /**
         * 教育程度
         */
        function educationLevel(id,bkys,bkyx){
            $("#" + id).parent().html('').append('<div id="'+id+'" class="chart-box"></div>');
            var myChart = echarts.init(document.getElementById(id));
            option = {
                tooltip: {
                    trigger: 'item',
                    formatter: "{a} <br/>{b}: {c} ({d}%)"
                },
                color: ['#5f71d2','#f36f8a'],
                series: [
                    {
                        name:'教育程度',
                        type:'pie',
                        radius: ['50%', '70%'],
                        avoidLabelOverlap: true,
                        label: {
                            normal: {
                                show: true,
                                position: 'outside',
                                formatter:'{b}: {d}%'
                            },
                            emphasis: {
                                show: true,
                                textStyle: {
                                    fontSize: '12',
                                    fontWeight: 'bold',
                                    color: "#fff"
                                }
                            }
                        },
                        labelLine: {
                            normal: {
                                show: false
                            }
                        },
                        data:[
                            {value:bkys, name:'本科以上'},
                            {value:bkyx, name:'本科以下'}
                        ]
                    }
                ]
            };

            myChart.setOption(option);

        }
        /**
         * 观众年龄占比
         */

        function ageRatio(id,data){

            $("#" + id).parent().html('').append('<div id="'+id+'" class="chart-box"></div>');

            var myChart = echarts.init(document.getElementById(id));

            var option = {
                backgroundColor: '#23243a',
                tooltip: { //提示框组件
                    trigger: 'axis',
                    // formatter: function(parms){

                    // 	console.log(parms);
                    // },
                    axisPointer: {
                        type: 'shadow',
                        label: {
                            backgroundColor: '#6a7985'
                        }
                    },

                },
                grid: {
                    left: '1%',
                    right: '4%',
                    bottom: '6%',
                    top:30,
                    padding:'0 0 10 0',
                    containLabel: true,
                },
                xAxis: [
                    {
                        type: 'category',
                        boundaryGap: true,//坐标轴两边留白
                        data: ['20以下', '20-24', '25-29', '30-34', '35-39', '40以上'],
                        axisLabel: { //坐标轴刻度标签的相关设置。
                            interval: 0,//设置为 1，表示『隔一个标签显示一个标签』
                            margin:15,
                            textStyle: {
                                color: '#00fffc',
                                fontStyle: 'normal',
                                fontFamily: '微软雅黑',
                                fontSize: 12,

                            }
                        },
                        axisTick:{//坐标轴刻度相关设置。
                            show: false,
                        },
                        axisLine:{//坐标轴轴线相关设置
                            lineStyle:{
                                color:'#fff',
                                opacity:0.2
                            }
                        },
                        splitLine: { //坐标轴在 grid 区域中的分隔线。
                            show: false,
                        }
                    }
                ],
                yAxis: [
                    {
                        type: 'value',
                        show: false,
                        splitNumber: 5,
                        axisLabel: {
                            textStyle: {
                                color: '#a8aab0',
                                fontStyle: 'normal',
                                fontFamily: '微软雅黑',
                                fontSize: 12,
                            }
                        },
                        axisLine:{
                            show: false
                        },
                        axisTick:{
                            show: false
                        },
                        splitLine: {
                            show: false,
                            lineStyle: {
                                color: ['#fff'],
                                opacity:0.06
                            }
                        }

                    }
                ],
                series : [
                    {
                        name:'观看人数',
                        type:'bar',
                        data:data,
                        barWidth: 15,
                        barGap:0.2,//柱间距离
                        itemStyle: {//图形样式
                            normal: {
                                barBorderRadius: [5, 5, 0, 0],
                                color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
                                    offset: 1, color: 'rgba(127, 128, 225, 0.7)'
                                },{
                                    offset: 0, color: 'rgba(253, 200, 106, 0.7)'
                                }], false),
                            },
                        },
                    }

                ]
            };

            myChart.setOption(option);
        }
        /**
         * 职业占比
         */
        function occupationRatio(id,xs,bl,qt){

            $("#" + id).parent().html('').append('<div id="'+id+'" class="chart-box"></div>');

            var myChart = echarts.init(document.getElementById(id));

            var data = [
                {value: xs,name: '学生'},
                {value: bl,name: '白领'},
                {value: qt,name: '其他'}
            ];

            option = {
                // backgroundColor: '#1d2239',
                tooltip: {
                    trigger: 'item',
                    formatter: "{a} <br/>{b}: {c} ({d}%)"
                },
                color: ['#fd9173', '#f36f8a', '#5f71d2', '#42a4eb', '#4ac7f5'],
                legend: { //图例组件，颜色和名字
                    left: '10',
                    top: '10',
                    orient: 'vertical',
                    itemGap: 12, //图例每项之间的间隔
                    itemWidth: 10,
                    itemHeight: 10,
                    icon: 'rect',
                    data: ['学生', '白领', '其他'],
                    textStyle: {
                        color: [],
                        fontStyle: 'normal',
                        fontFamily: '微软雅黑',
                        fontSize: 12,
                    }
                },
                series: [{
                    name: '职业占比',
                    type: 'pie',
                    clockwise: false, //饼图的扇区是否是顺时针排布
                    minAngle: 20, //最小的扇区角度（0 ~ 360）
                    center: ['50%', '50%'], //饼图的中心（圆心）坐标
                    radius: [24, 46], //饼图的半径
                    avoidLabelOverlap: true, ////是否启用防止标签重叠
                    itemStyle: { //图形样式
                        normal: {
                            borderColor: '#1e2239',
                            borderWidth: 1.5,
                        },
                    },
                    label: { //标签的位置
                        normal: {
                            show: true,
                            position: 'inside', //标签的位置
                            formatter: "{d}%",
                            textStyle: {
                                color: '#fff',
                            }
                        },
                        emphasis: {
                            show: true,
                            textStyle: {
                                fontWeight: 'bold',
                                fontSize: 12
                            }
                        }
                    },
                    data: data
                }, {
                    name: '',
                    type: 'pie',
                    clockwise: false,
                    silent: true,
                    minAngle: 20, //最小的扇区角度（0 ~ 360）
                    center: ['50%', '50%'], //饼图的中心（圆心）坐标
                    radius: [0, 49], //饼图的半径
                    itemStyle: { //图形样式
                        normal: {
                            borderColor: '#1e2239',
                            borderWidth: 1.5,
                            opacity: 0.21,
                        }
                    },
                    label: { //标签的位置
                        normal: {
                            show: false,
                        }
                    },
                    data: data
                }]
            };

            myChart.setOption(option);

        }

        getmoviehuaxiang();
        function  getmoviehuaxiang() {
            $.ajax({
                type: 'get',
                url: 'api/details/getmoviehuaxiang?baseid=' + data_Baseid,
                dataType: 'json',
                success: function (data) {
                    var huaxiangObj = data.result;
                    if (huaxiangObj){
                        sixsChartP((huaxiangObj.percent_m*100).toFixed(2)+'%'
                            ,(huaxiangObj.percent_w*100).toFixed(2)+'%');
                        occupationRatio('chart8',huaxiangObj.student,huaxiangObj.white_collar,
                            huaxiangObj.other);

                        educationLevel('chart9',huaxiangObj.university_upper,huaxiangObj.university_lower)
                        var ageData=[huaxiangObj.percent_1,huaxiangObj.percent_2,
                            huaxiangObj.percent_3,huaxiangObj.percent_4,huaxiangObj.percent_5,
                            huaxiangObj.percent_6];
                        ageRatio('chart10',ageData);
					}


                }
            });
        }
        /**
         *   各种指数
         */
        function daysAverageIndex(id,str,color,data,title,max,dateAry){

            $("#" + id).parent().html('').append('<div id="'+id+'" class="chart-box"></div>');

            color = color || "#fce444";

            var myChart = echarts.init(document.getElementById(id));
            option = {
                title: {
                    show: false,
                    text: '',
                    textStyle: {
                        color: '#ffffff',
                        fontSize: 16
                    }
                },
                "dataZoom": [{
                    "type": "inside",
                    "show": true,
                    "height": 15,
                    "start": 70,
                    "end": 100
                }],
                tooltip: {
                    trigger: 'axis',
                },
                grid: {
                    // width: "90%",
                    height: "86%",
                    top: '10%',
                    containLabel: true
                },
                xAxis: {
                    type: 'category',
                    boundaryGap: false,
                    data: dateAry,
                    axisLabel: {
                        textStyle: {
                            color: '#fff'
                        }
                    },
                    axisLine: {
                        lineStyle: {
                            color: '#233e66',
                        }
                    },
                    axisTick: {
                        show: false,
                        inside: true,
                        alignWithLabel: true
                    },
                },
                yAxis: {
                    type: 'value',
					max:max,
                    splitLine:{
                        show: true,
                        lineStyle: {
                            color: "#233e66",//横向分割线的 样式
                        }
                    },
                    axisLabel: {
                        textStyle: {
                            color: '#ffffff'
                        }
                    },
                    axisLine: {
                        show: false,
                        lineStyle: {
                            color: '#ffffff'
                        }
                    },
                    axisTick: {
                        show: false
                    }
                },
                series: [
                    {
                        name:title,
                        type: 'line',
                        data:data,
                        symbolSize:8,
                        smooth: true,
                        itemStyle : { //折线拐点标志的样式
                            normal: {
                                opacity: 0
                            },
                            emphasis: {
                                opacity: 0
                            }

                        },
                        lineStyle: {
                            normal: {
                                color: color,
                                width: 1
                            }
                        }
                    }
                ],
                // lineStyle: {
                //           normal: {
                //            width: 1
                //           }
                //       },
                //color:['#f03e3e','#ff9641','#ffe241','#7bd93c','#3cd9ba','#3c61d9','#bd3cd9'],
            }

            myChart.setOption(option);

        }

        //微博指数
        //getweibozhishu
        getweibozhishu();
        function  getweibozhishu() {
            $.ajax({
                type: 'get',
                url: 'api/details/getweibozhishu?id=' + data_Baseid,
                dataType: 'json',
                success: function (data) {
                    if (data&& data.result.length>0){
                        var list=data.result[0].trentList;
						var dateAry=data.result[0].dateList;
                        daysAverageIndex('chart3','微博指数','',list,data.result[0].name,Math.max.apply(null,
                            list),dateAry);
					}

                }
            });
        }

        ///getPiaofangList 走势

        /**
         * 大盘走势
         */
        function marketTrend(id,dayData,data){

            if(!id) return false;

            $("#" + id).parent().html('').append('<div id="'+id+'" class="chart-box"></div>');

            var myChart = echarts.init(document.getElementById(id));

            option = {
                title: {
                    show: false,
                    text: '',
                    textStyle: {
                        color: '#ffffff',
                        fontSize: 16
                    }
                },
                grid: {
                    width: "80%",
                    height: "76%",
                    top: '5%',
                    left: '10%',
                    containLabel: false
                },
                "dataZoom": [{
                    "type": "inside",
                    "show": true,
                    "height": 15,
                    "start": 70,
                    "end": 100
                }],
                tooltip: {
                    trigger: 'axis',
                    position: ['40%', '5%'],
                    formatter: function(parms){

                        // str = str || '';

                        var html = '<div style="text-align: center;">大盘走势</div>';

                        for(var i=0,len = parms.length;i<len;i++){

                            html += '<div style="text-align: left;font-size: 12px;"><span style="display: inline-block;width: 70px;">'+parms[i].seriesName+':</span>'+parms[i].value+'</div>'

                        }

                        return html;
                    }
                },
                xAxis: {
                    type: 'category',
                    boundaryGap: false,
                    data: dayData,
                    axisLabel: {
                        textStyle: {
                            color: '#0b526b'
                        }
                    },
                    axisLine: {
                        lineStyle: {
                            color: '#1f344a',
                        }
                    },
                    axisTick: {
                        show: false,
                        inside: true,
                        alignWithLabel: true
                    },
                },
                yAxis: {
                    type: 'value',
                    splitLine: {
                        show: false
                    },
                    axisLabel: {
                        textStyle: {
                            color: 'transparent'
                        }
                    },
                    axisLine: {
                        show: true,
                        lineStyle: {
                            color: '#1f344a'
                        }
                    },
                    axisTick: {
                        show: false
                    }
                },
                series: [
                    {
                        name: '英伦对决',
                        type: 'line',
                        data:data,
                        symbolSize:8,
                        // smooth: true,
                        itemStyle : { //折线拐点标志的样式
                            normal: {
                                opacity: 0,
                                color: "#ff4f4f"
                            },
                            emphasis: {
                                opacity: 0
                            }

                        },
                        lineStyle: {
                            normal: {
                                color: "#ff4f4f"
                            }
                        },
                        areaStyle: {
                            normal: {
                                color: {
                                    type: 'linear',
                                    x: 0,
                                    y: 0,
                                    x2: 0,
                                    y2: 1,
                                    colorStops: [{
                                        offset: 0,
                                        color: 'rgba(255, 79, 79, 0.5)',
                                    }, {
                                        offset: 1,
                                        color: 'rgba(255, 79, 79, 0)',
                                    }],
                                    globalCoord: false
                                },
                            }
                        }
                    }
                ],
                lineStyle: {
                    normal: {
                        width: 1
                    }
                },
            }

            myChart.setOption(option);

        }
        getPiaofangList();
//        function  getPiaofangList() {
//            $.ajax({
//                type: 'get',
//                url: 'api/details/getPiaofangList?id=' + data_Baseid,
//                dataType: 'json',
//                success: function (data) {
//
//                    marketTrend('chart5')
//
//                }
//            });
//        }

//        getPiaofangList()
        function  getPiaofangList() {
            $.ajax({
                type: 'get',
                url: 'api/details/getPiaofangList?id=' + data_Baseid,
                dataType: 'json',
                success: function(data){
                    var videoList=data.result;
                    if(videoList){
                        var _html='';
                        var daydata=[];
                        var _data=[];
                        $.each(videoList,function (index,item) {
                            var _dateSplit=item.curDate.split('-');
                            daydata.push(_dateSplit[1]+'.'+_dateSplit[2])
                            _data.push(item.num)
                        });
                        marketTrend('chart5',daydata,_data);
                        //$('#li_bofangliang').html(_html);



                    }
                }
            });
        }



        /**
         * 宣传片每日播放量
         */
        function everyDayPlayCounts(id,dayData,iqyData,txData,ykData){

            $("#" + id).parent().html('').append('<div id="'+id+'" class="chart-box"></div>');

            var myChart = echarts.init(document.getElementById(id));

            option = {
                // backgroundColor: '#394056',
                tooltip: {
                    trigger: 'axis',
                    axisPointer: {
                        lineStyle: {
                            color: '#57617B'
                        }
                    }
                },
                legend: {
                    icon: 'diamond',//'triangle', 'diamond', 'pin', 'arrow'
                    itemWidth: 14,
                    itemHeight: 5,
                    itemGap: 13,
                    data: ['爱奇艺', '腾讯', '优酷'],
                    right: '4%',
                    top: '6%',
                    textStyle: {
                        fontSize: 12,
                        color: '#F1F1F3'
                    }
                },
                grid: {
                    width: "85%",
                    left: '5%',
                    right: '4%',
                    bottom: '3%',
                    containLabel: true
                },
                xAxis: [{
                    type: 'category',
                    boundaryGap: false,
                    axisLabel: {
                        textStyle: {
                            color: '#00fffc'//坐标轴文字的样式
                        },
                    },
                    axisTick: {
                        show: false
                    },
                    axisLine: {
                        lineStyle: {
                            color: '#233e66'
                        }
                    },
                    data: dayData
                }],
                yAxis: [{
                    type: 'value',
                    axisTick: {
                        show: false
                    },
                    axisLine: {
                        lineStyle: {
                            color: '#233e66'
                        }
                    },
                    axisLabel: {
                        margin: 10,
                        textStyle: {
                            // fontSize: 14,
                            color: "#5f71d2"
                        }
                    },
                    splitLine: {
                        lineStyle: {
                            color: '#233e66'
                        }
                    }
                }],
                series: [{
                    name: '爱奇艺',
                    type: 'line',
                    smooth: true,
                    lineStyle: {
                        normal: {
                            width: 1
                        }
                    },
                    areaStyle: {
                        normal: {
                            color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
                                offset: 0,
                                color: 'rgba(137, 189, 27, 0.3)'
                            }, {
                                offset: 0.8,
                                color: 'rgba(137, 189, 27, 0)'
                            }], false),
                            shadowColor: 'rgba(0, 0, 0, 0.1)',
                            shadowBlur: 10
                        }
                    },
                    itemStyle: {
                        normal: {
                            color: 'rgb(137,189,27)'
                        }
                    },
                    data: iqyData
                }, {
                    name: '腾讯',
                    type: 'line',
                    smooth: true,
                    lineStyle: {
                        normal: {
                            width: 1
                        }
                    },
                    areaStyle: {
                        normal: {
                            color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
                                offset: 0,
                                color: 'rgba(0, 136, 212, 0.3)'
                            }, {
                                offset: 0.8,
                                color: 'rgba(0, 136, 212, 0)'
                            }], false),
                            shadowColor: 'rgba(0, 0, 0, 0.1)',
                            shadowBlur: 10
                        }
                    },
                    itemStyle: {
                        normal: {
                            color: 'rgb(0,136,212)'
                        }
                    },
                    data: txData
                }, {
                    name: '优酷',
                    type: 'line',
                    smooth: true,
                    lineStyle: {
                        normal: {
                            width: 1
                        }
                    },
                    areaStyle: {
                        normal: {
                            color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
                                offset: 0,
                                color: 'rgba(219, 50, 51, 0.3)'
                            }, {
                                offset: 0.8,
                                color: 'rgba(219, 50, 51, 0)'
                            }], false),
                            shadowColor: 'rgba(0, 0, 0, 0.1)',
                            shadowBlur: 10
                        }
                    },
                    itemStyle: {
                        normal: {
                            color: 'rgb(219,50,51)'
                        }
                    },
                    data:ykData
                } ]
            };


            myChart.setOption(option);

        }



        /**
         * 宣传片播放总量占比
         */
        function flatPlaySumPercentage(id,iqy,qq,yk){

            $("#" + id).parent().html('').append('<div id="'+id+'" class="chart-box"></div>');

            var myChart = echarts.init(document.getElementById(id));

            var data = [
                {value: iqy,name: '爱奇艺'},
                {value: qq,name: '腾讯'},
                {value: yk,name: '优酷'}
            ];

            option = {
                // backgroundColor: '#1d2239',
                tooltip: {
                    trigger: 'item',
                    formatter: "{a} <br/>{b}: {c} ({d}%)"
                },
                color: ['#fd9173', '#f36f8a', '#5f71d2'],
                legend: { //图例组件，颜色和名字
                    left: '10',
                    top: '10',
                    orient: 'vertical',
                    itemGap: 12, //图例每项之间的间隔
                    itemWidth: 10,
                    itemHeight: 10,
                    icon: 'rect',
                    data: ['爱奇艺', '腾讯', '优酷'],
                    textStyle: {
                        color: [],
                        fontStyle: 'normal',
                        fontFamily: '微软雅黑',
                        fontSize: 12,
                    }
                },
                series: [{
                    name: '总量占比',
                    type: 'pie',
                    clockwise: false, //饼图的扇区是否是顺时针排布
                    minAngle: 20, //最小的扇区角度（0 ~ 360）
                    center: ['50%', '50%'], //饼图的中心（圆心）坐标
                    radius: [54, 96], //饼图的半径
                    avoidLabelOverlap: true, ////是否启用防止标签重叠
                    itemStyle: { //图形样式
                        normal: {
                            borderColor: '#1e2239',
                            borderWidth: 1.5,
                        },
                    },
                    label: { //标签的位置
                        normal: {
                            show: true,
                            position: 'inside', //标签的位置
                            formatter: "{d}%",
                            textStyle: {
                                color: '#fff',
                            }
                        },
                        emphasis: {
                            show: true,
                            textStyle: {
                                fontWeight: 'bold'
                            }
                        }
                    },
                    data: data
                }, {
                    name: '',
                    type: 'pie',
                    clockwise: false,
                    silent: true,
                    minAngle: 20, //最小的扇区角度（0 ~ 360）
                    center: ['50%', '50%'], //饼图的中心（圆心）坐标
                    radius: [0, 49], //饼图的半径
                    itemStyle: { //图形样式
                        normal: {
                            borderColor: '#1e2239',
                            borderWidth: 1.5,
                            opacity: 0.21,
                        }
                    },
                    label: { //标签的位置
                        normal: {
                            show: false,
                        }
                    },
                    data: data
                }]
            };

            myChart.setOption(option);

        }
        //getPlayCount
        getPlayCount();
        function  getPlayCount() {
            $.ajax({
                type: 'get',
                url: 'api/details/getPlayCount?id=' + data_Baseid,
                dataType: 'json',
                success: function (data) {

                    var list=data.result;
                    if (list&&list.length>0){
                        var dayData=[];
                        var iqyData=[];
                        var ykData=[];
                        var qqData=[];
                        $.each(list,function(index,item){
                            var daySplit=item.curDate.split('-');
                            dayData.push(daySplit[1]+"."+daySplit[2]);
                            if (item.qqCount&& item.qqCount!=null){
                                qqData.push(item.qqCount);
                            }
                            else{
                                qqData.push(0);
                            }
                            if (item.iqiyiCount&& item.iqiyiCount!=null){
                                iqyData.push(item.iqiyiCount);
                            }
                            else{
                                iqyData.push(0);
                            }
                            if (item.youkuCount&& item.youkuCount!=null){
                                ykData.push(item.youkuCount);
                            }
                            else{
                                ykData.push(0);
                            }
                            if (index==(list.length-1)){
								var ykct=0;
								var qqct=0;
								var iqyct=0;
								if (item.iqiyiCount){
                                    iqyct=item.iqiyiCount;
								}
                                if (item.qqCount){
                                    qqct=item.qqCount;
                                }
                                if (item.youkuCount){
                                    ykct=item.youkuCount;
                                }
                                flatPlaySumPercentage('chart7',iqyct,qqct,ykct);
							}

                        });

                    }
                   everyDayPlayCounts('chart6',dayData,iqyData,qqData,ykData);



                }
            });
        }
		//getPiaofangNow
        getPiaofangNow();
        function  getPiaofangNow() {
            $.ajax({
                type: 'get',
                url: 'api/details/getPiaofangNow?id=' + data_Baseid,
                dataType: 'json',
                success: function (data) {

                    if (data){
                        $('#div_ljpf').html(data.result.sum);
                        $('#div_jrpf').html(data.result.now);
                    }

                }
            });
        }

        getzhishu();
        function  getzhishu() {
            $.ajax({
                type: 'get',
                url: 'api/details/getzhishu30?id=' + data_Baseid,
                dataType: 'json',
                success: function (data) {

                    if (data){
                       //
                        var weixinAry=[],lookAyr=[],baiduAry=[];
                        var dateAry=[];
                        dateAry=data.result.date;
                        if (dateAry){
                            $.each(data.result.list,function (index,item) {
                                weixinAry.push(item.weixinNum);
                                lookAyr.push(item.lookNum)
                                baiduAry.push(item.baiduNum);
                            })

                            daysAverageIndex('chart1','想看指数','',lookAyr,'想看',Math.max.apply(null,
                                lookAyr),dateAry);
                            daysAverageIndex('chart2','百度指数','',baiduAry,'百度',Math.max.apply(null,
                                baiduAry),dateAry);
                            daysAverageIndex('chart4','微信指数','',weixinAry,'微信',Math.max.apply(null,
                                weixinAry),dateAry);
						}

                    }

                }
            });
        }

	</script>
</body>
</html>